
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

html{
	background: #f3f4f8;
}

.setitem{
	.px2rem(padding-top,110);
	div{
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
		.px2rem(padding-top,20);
		.px2rem(padding-bottom,20);
		.px2rem(padding-left,20);
		.px2rem(padding-right,20);
		display: flex;
		justify-content: space-between;
		color: #666;
		background: #fff;
		input{
			-webkit-appearance: none;
            .px2rem(width,80);
            .px2rem(height,36);
            border-radius: 15px;
            background: #d3d3d3;
            position: relative;
            outline: none;
		}
		input:checked{
			background: #6edbd5;
        }
        input::before{
            content: "";
            .px2rem(width,35);
            .px2rem(height,35);
            background: #fff;
            border: 1px solid #c6c7c7;
            border-radius: 50%;
            position: absolute;
            .px2rem(top,-2);
            .px2rem(left,-2);
            transition: all 0.2s ease;
        }
        input:checked::before{
            transform: translateX(115%);
            transition: all 0.2s ease;
        }
        i{
        	width: 10%;
        	text-align: center;
        	img{
        		width: 50%;
        	}
        }
	}
	div:first-child{
		border-bottom: none;
	}
}